<template>
  <div id="recharge">
    <!-- 隐藏图层 -->
    <div class="hid" v-show="show">
      <div class="box1" @click="hidden()"></div>
      <div class="box">
        <div class="swiper mySwiper">
          <div class="swiper-wrapper">
            <!-- 每日礼物 -->
            <div class="swiper-slide">
              <!-- 标题文字 -->
              <div class="title">
                <p>每日礼物</p>
                <span>V会员可在会员中心每日免费领取60阅点(有效期186天)和2个月票碎片(有效期93天)</span>
              </div>
              <div class="imgbox">
                <img src="../assets/img/gift01.jpg" alt />
              </div>
            </div>
            <!-- 5折购劵 -->
            <div class="swiper-slide">
              <!-- 标题文字 -->
              <div class="title">
                <p>五折购劵</p>
                <span>V会员购买完结漫画享5折优惠,购买连载中的漫画享8折优惠(应版权方要求,日漫作品除外)</span>
              </div>
              <div class="imgbox">
                <img src="../assets/img/gift02.jpg" alt />
              </div>
            </div>
            <!-- 独享番外 -->
            <div class="swiper-slide">
              <!-- 标题文字 -->
              <div class="title">
                <p>独享番外</p>
                <span>V会员享有精品漫画番外免费看权益,番外每月上新,想看就看,看得响亮(敬请期待)</span>
              </div>
              <div class="imgbox">
                <img src="../assets/img/gift03.jpg" alt />
              </div>
            </div>
            <!-- 抢先阅读 -->
            <div class="swiper-slide">
              <!-- 标题文字 -->
              <div class="title">
                <p>抢先阅读</p>
                <span>V会员专享人气漫画抢先看权益,精彩剧情提前解锁,你值得拥有(万人之上,一人之下)</span>
              </div>
              <div class="imgbox">
                <img src="../assets/img/gift04.jpg" alt />
              </div>
            </div>
            <!-- 免费领劵 -->
            <div class="swiper-slide">
              <!-- 标题文字 -->
              <div class="title">
                <p>免费领劵</p>
                <span>V会员可在会员中心每日免费领取2部人气漫画的阅读卷,每部漫画可领2张(走过路过不要错过)</span>
              </div>
              <div class="imgbox">
                <img src="../assets/img/gift05.jpg" alt />
              </div>
            </div>
            <!-- 全额退卷 -->
            <div class="swiper-slide">
              <!-- 标题文字 -->
              <div class="title">
                <p>全额退卷</p>
                <span>V会员所有未使用的阅读卷,可按购买价格全额退换zz币,(普通用户只退还50%)</span>
              </div>
              <div class="imgbox">
                <img src="../assets/img/gift06.jpg" alt />
              </div>
            </div>
            <!-- 角色弹幕 -->
            <div class="swiper-slide">
              <!-- 标题文字 -->
              <div class="title">
                <p>角色弹幕</p>
                <span>V会员专享特殊弹幕颜色,并享有在指定作品使用喜爱的角色头像发表弹幕的特权(需升级到最新版本哦)</span>
                <div class="imgbox">
                  <img src="../assets/img/gift07.jpg" alt />
                </div>
              </div>
            </div>
            <!-- 会员挂件 -->
            <div class="swiper-slide">
              <!-- 标题文字 -->
              <div class="title">
                <p>会员挂件</p>
                <span>V会员尊贵专属头像挂件,会员区精美挂件任挑任选,只做最出众那个(万众瞩目,所向披靡)</span>
              </div>
              <div class="imgbox">
                <img src="../assets/img/gift08.jpg" alt />
              </div>
            </div>
            <!-- 专属背景 -->
            <div class="swiper-slide">
              <!-- 标题文字 -->
              <div class="title">
                <p>专属背景</p>
                <span>V会员享有个人主页专属背景墙</span>
              </div>
              <div class="imgbox">
                <img src="../assets/img/gift09.jpg" alt />
              </div>
            </div>
            <!-- 身份铭牌 -->
            <div class="swiper-slide">
              <!-- 标题文字 -->
              <div class="title">
                <p>身份铭牌</p>
                <span>V会员享有专属身份标识,彰显尊贵身份</span>
              </div>
              <div class="imgbox">
                <img src="../assets/img/gift10.jpg" alt />
              </div>
            </div>
          </div>
          <div class="swiper-pagination"></div>
        </div>
      </div>
    </div>
    <!-- 头部组件 -->
    <div class="top">
      <header-nav></header-nav>
    </div>
    <!-- 背景 -->
    <div class="img">
      <img src="../assets/img/vip.jpg" alt />
    </div>
    <!-- 头像 -->
    <div class="user">
      <!-- 头像名字部分 -->
      <div class="Myname">
        <img src="../assets/img/wdtx.jpg" alt />
        <div class="name">
          <p>熙</p>
          <p class="Vi" v-show="!vip">您还不是V会员,开通每月领38元zz币</p>
          <p class="Vi" v-show="vip">您是尊最的vip,然后并没有什么用</p>
        </div>
      </div>
    </div>
    <div class="marginBox">
      <!-- 充钱列表 -->
      <div class="list">
        <div class="swiper-container-01">
          <div class="swiper-wrapper">
            <div class="swiper-slide" v-for="(item,index) in lists" :key="item.index" :class="{active:index==ins}" @click="active(index)">
              <div class="time">
                <span>{{item.time}}!</span>
              </div>
              <p class="next">{{item.name}}</p>
              <p class="money">
                <span>￥</span>
                <span>{{item.newMoney}}</span>
                <span>￥{{item.oldMoney}}</span>
              </p>
            </div>
          </div>
        </div>
      </div>
      <!-- 立即开通 -->
      <div class="now" v-show="!vip" @click="buyVip">立即开通</div>
      <div class="now" v-show="vip" @click="buyVip">进行续费</div>
      <!-- v会员特权 -->
      <div class="privilege">
        <div class="title">
          <span>V会员特权</span>
          <span @click="$router.push('/vip')">查看全部特权 ></span>
        </div>
        <!-- 图标 -->
        <div class="Icon">
          <div @click="showPopup">
            <svg t="1641363766371" class="icon" viewBox="0 0 1090 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2987">
              <path
                d="M946.754112 1024H138.541298a49.715777 49.715777 0 0 1-49.715777-49.715777V402.22135a24.857888 24.857888 0 0 1 24.857889-24.857888h857.92859a24.857888 24.857888 0 0 1 24.857889 24.857888v572.062873a49.715777 49.715777 0 0 1-49.715777 49.715777z m0-49.715777zM138.541298 426.582081v547.702142h808.047094V426.582081z"
                fill="#3D3D3D"
                p-id="2988"
              />
              <path
                d="M590.62343 215.12431h-66.287703V126.464508a55.68167 55.68167 0 1 0-111.36334 0v88.659802h-66.287703V126.464508a121.969373 121.969373 0 0 1 243.938746 0z"
                fill="#F683A2"
                p-id="2989"
              />
              <path
                d="M768.108753 215.12431h-66.287702V126.464508a55.68167 55.68167 0 1 0-111.197621 0v88.659802h-66.287703V126.464508a121.969373 121.969373 0 1 1 243.773026 0z"
                fill="#F683A2"
                p-id="2990"
              />
              <path
                d="M1035.579633 417.467522H49.715777a49.715777 49.715777 0 0 1-49.715777-49.715777v-127.769547a49.715777 49.715777 0 0 1 49.715777-49.715777h985.863856a49.715777 49.715777 0 0 1 49.715777 49.715777v127.769547a49.715777 49.715777 0 0 1-49.715777 49.715777z m0-49.715777zM49.715777 239.982198v127.769547h985.698137v-127.769547z"
                fill="#3D3D3D"
                p-id="2991"
              />
              <path d="M524.335727 185.129124h66.287703v788.98938h-66.287703z" fill="#F683A2" p-id="2992" />
            </svg>
            <p>每日礼物</p>
          </div>
          <div @click="showPopup">
            <svg t="1641365726734" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="27351">
              <path
                d="M763.52478446 90.125c36.36853446 0 64.93965546 28.32381491 64.93965545 64.3723061v727.41433172c-3.88415946 41.19827563-51.94881491 64.3723061-89.61206891 45.05334055L508.90140063 811.09482773 281.56896554 926.96497837C243.90571154 946.2839439 197.1503229 923.10991346 191.95689663 881.91163782V154.4973061C191.95689663 118.44881491 220.52801764 90.125 256.91109937 90.125H763.52478446z m-119.55064664 192.72413782c-43.991379 16.06034453-94.26724118 24.43965546-150.47844791 25.83620672v127.43534537c-2.09482773 60.75-16.06034453 108.23275882-42.24568991 142.44827563l26.18534453 27.58189664c32.12068991-42.59482773 49.57758654-99.15517227 51.67241429-170.03017227v-8.37931091h54.81465464v180.1551731h36.65948317V427.741379h49.2284479v-35.2629311h-140.70258571v-53.41810336c48.87931009-2.79310337 93.21982773-10.47413782 133.02155127-23.39224117l-18.15517227-32.81896555z m-205.64224119 1.04741428h-35.96120672v59.70258572h-45.38793109v35.26293108h45.38793109v71.22413782c-17.10775882 5.23706891-34.56465546 9.77586218-52.37068991 13.26724118l9.07758654 37.00862101c14.31465547-4.18965546 28.62931009-8.7284479 43.29310337-13.616379v70.52586219c0 8.37931009-4.18965546 12.91810337-11.87068991 12.91810336-9.42672437 0-19.20258654-0.69827563-29.32758654-2.09482773l8.37931091 34.56465463h33.51724117c23.39224118 0 35.26293109-12.21982773 35.26293109-35.96120673v-93.56896554c13.616379-5.58620673 27.23275882-11.17241346 40.5-17.45689663v-37.00862019c-13.26724118 6.633621-26.883621 12.91810337-40.5 18.5043101v-58.30603447h39.1034479v-35.26293108h-39.1034479V283.8965521z"
                fill="#FD5E5E"
                p-id="27352"
              />
            </svg>
            <p>5折购物</p>
          </div>
          <div @click="showPopup">
            <svg t="1641365025637" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7633">
              <path
                d="M737.962667 746.837333m-277.162667 0a277.162667 277.162667 0 1 0 554.325333 0 277.162667 277.162667 0 1 0-554.325333 0Z"
                fill="#4C84FF"
                opacity=".16"
                p-id="7634"
              />
              <path
                d="M477.866667 14.097067C213.4528 14.097067 0 224.0512 0 484.130133c0 260.096 213.4528 470.033067 477.866667 470.033067s477.866667-209.937067 477.866666-470.016C955.733333 224.034133 742.280533 14.08 477.866667 14.08z m0 902.468266c-242.1248 0-439.637333-194.286933-439.637334-432.4352S235.741867 51.712 477.866667 51.712c242.1248 0 439.637333 194.269867 439.637333 432.418133S719.991467 916.565333 477.866667 916.565333z"
                fill="#252B3A"
                p-id="7635"
              />
              <path
                d="M691.319467 377.6H264.413867c-25.480533 0-46.1824 20.360533-46.1824 45.431467 0 25.070933 20.701867 45.431467 46.1824 45.431466h156.1088v-3.1232c0-31.3344 25.480533-56.405333 57.344-56.405333 31.863467 0 57.344 25.070933 57.344 56.405333v3.1232h156.1088c25.480533 0 46.1824-20.360533 46.1824-45.431466 0-25.070933-20.701867-45.431467-46.1824-45.431467z m-15.940267 65.792c-11.144533 0-20.701867-9.386667-20.701867-20.360533s9.557333-20.3776 20.701867-20.3776c11.1616 0 20.718933 9.403733 20.718933 20.3776 0 10.973867-9.557333 20.360533-20.718933 20.360533zM691.319467 510.7712h-181.589334c-9.557333 6.263467-20.718933 9.386667-31.863466 9.386667a58.129067 58.129067 0 0 1-31.863467-9.386667h-181.589333c-25.480533 0-46.1824 20.360533-46.1824 45.431467 0 25.070933 20.701867 45.431467 46.1824 45.431466h186.368v-43.861333c0-14.097067 11.1616-26.624 27.0848-26.624 15.9232 0 27.0848 10.9568 27.0848 26.624v43.861333h186.368c25.480533 0 46.1824-20.360533 46.1824-45.431466 0-25.070933-20.701867-45.431467-46.1824-45.431467z m-15.940267 65.809067c-11.144533 0-20.701867-9.403733-20.701867-20.3776 0-10.9568 9.557333-20.360533 20.701867-20.360534 11.1616 0 20.718933 9.386667 20.718933 20.360534s-9.557333 20.3776-20.718933 20.3776zM691.319467 643.9424h-186.368v45.431467A26.624 26.624 0 0 1 477.866667 716.014933c-15.9232 0-27.0848-10.973867-27.0848-26.624V643.925333h-186.368c-25.480533 0-46.1824 20.3776-46.1824 45.431467 0 25.088 20.701867 45.448533 46.1824 45.448533h425.301333c25.4976 0 46.199467-20.3776 46.199467-45.448533 1.5872-25.053867-19.114667-45.431467-44.5952-45.431467z m-15.940267 65.809067c-11.144533 0-20.701867-9.386667-20.701867-20.3776 0-10.9568 9.557333-20.360533 20.701867-20.360534 11.1616 0 20.718933 9.386667 20.718933 20.360534 1.5872 10.973867-9.557333 20.3776-20.718933 20.3776z"
                fill="#4C84FF"
                p-id="7636"
              />
              <path
                d="M307.421867 347.818667c9.557333 0 17.527467-6.263467 17.527466-15.6672 7.970133-75.195733 73.2672-134.741333 151.330134-134.741334 78.045867 0 143.36 59.5456 151.313066 134.741334 1.604267 9.403733 9.557333 15.6672 17.527467 15.6672 11.144533 0 19.114667-9.386667 17.527467-20.360534C656.264533 235.008 575.0272 161.3824 477.866667 161.3824s-178.397867 72.072533-187.9552 166.058667c-1.604267 10.990933 7.953067 20.3776 17.5104 20.3776z"
                fill="#4C84FF"
                p-id="7637"
              />
            </svg>
            <p>独享番外</p>
          </div>
          <div @click="showPopup">
            <svg t="1641365060619" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7772">
              <path
                d="M445 347.9H199.1c-8.7 0-15.8-7.1-15.8-15.8 0-8.7 7.1-15.8 15.8-15.8H445c8.7 0 15.8 7.1 15.8 15.8 0 8.7-7 15.8-15.8 15.8zM436.3 478.1H199.1c-8.7 0-15.8-7.1-15.8-15.8 0-8.7 7.1-15.8 15.8-15.8h237.2c8.7 0 15.8 7.1 15.8 15.8 0 8.7-7.1 15.8-15.8 15.8zM357.4 608.2H199.1c-8.7 0-15.8-7.1-15.8-15.8 0-8.7 7.1-15.8 15.8-15.8h158.3c8.7 0 15.8 7.1 15.8 15.8 0 8.8-7.1 15.8-15.8 15.8z"
                fill="#E86262"
                p-id="7773"
              />
              <path
                d="M484 853.6c-0.8 0-1.6 0-2.4-0.1l-284.1-13.3c-47.6-2.2-84.9-45-84.9-97.5v-502c0-28.3 11.1-55.2 30.6-73.7 17.1-16.4 39.1-24.6 61.9-23.8l281.4 13.1c30.3 1.4 54 28.6 54 61.9v573.2c0 18-7.1 35-19.4 46.8-10.5 10.1-23.5 15.4-37.1 15.4zM201.2 174.9c-13.2 0-26 5.3-36.3 15.1-13.2 12.6-20.8 31.1-20.8 50.8v502c0 35.5 24.1 64.5 54.8 65.9L483 822c8.1 0.7 12.8-3.3 16.1-6.4 6.1-5.8 9.6-14.6 9.6-23.9V218.4c0-16.1-10.7-29.7-23.8-30.3L203.5 175c-0.8-0.1-1.5-0.1-2.3-0.1z"
                fill="#E86262"
                p-id="7774"
              />
              <path
                d="M463.4 858.7c-1 0-2.1 0-3.1-0.1l-328.2-13C76.6 843.5 33 800.1 33 746.9V237c0-26.3 10.7-51.1 30.1-69.7 20.4-19.6 48.8-30 77.5-29l335.1 13.2c36.3 1.4 64.7 29.9 64.7 64.8v568.6c0 19.7-8 38.2-22.5 52.1-14.4 13.9-34.1 21.7-54.5 21.7z m-1.9-31.6c13 0.6 25.5-4.2 34.5-12.8 8.2-7.9 12.8-18.3 12.8-29.3V216.3c0-17.8-15.1-32.4-34.4-33.2l-335.1-13.2c-20.5-0.7-40.2 6.6-54.4 20.2-13.1 12.6-20.4 29.3-20.4 46.9v509.9c0 36.2 30.2 65.7 68.7 67.2l328.3 13z"
                fill="#E86262"
                p-id="7775"
              />
              <path
                d="M845.1 347.9h-246c-8.7 0-15.8-7.1-15.8-15.8 0-8.7 7.1-15.8 15.8-15.8H845c8.7 0 15.8 7.1 15.8 15.8 0.1 8.7-7 15.8-15.7 15.8zM836.3 478.1H599.1c-8.7 0-15.8-7.1-15.8-15.8 0-8.7 7.1-15.8 15.8-15.8h237.2c8.7 0 15.8 7.1 15.8 15.8 0 8.7-7 15.8-15.8 15.8zM757.4 608.2H599.1c-8.7 0-15.8-7.1-15.8-15.8 0-8.7 7.1-15.8 15.8-15.8h158.3c8.7 0 15.8 7.1 15.8 15.8 0 8.8-7.1 15.8-15.8 15.8z"
                fill="#E86262"
                p-id="7776"
              />
              <path
                d="M560.2 853.6c-13.6 0-26.7-5.3-36.9-15.2-12.3-11.8-19.4-28.8-19.4-46.8V218.4c0-33.3 23.7-60.5 54-61.9l281.4-13.1c22.8-1 44.7 7.4 61.9 23.8 19.4 18.5 30.6 45.4 30.6 73.7v502c0 52.4-37.3 95.2-84.9 97.5l-284.1 13.3c-1-0.1-1.8-0.1-2.6-0.1z m282.7-678.7c-0.8 0-1.5 0-2.3 0.1l-281.4 13.1c-13.1 0.6-23.8 14.2-23.8 30.3v573.2c0 9.4 3.5 18.1 9.6 23.9 3.3 3.1 9 7 16.1 6.4l284.1-13.3c30.7-1.4 54.8-30.4 54.8-65.9v-502c0-19.7-7.6-38.2-20.8-50.8-10.2-9.7-23-15-36.3-15z"
                fill="#E86262"
                p-id="7777"
              />
              <path
                d="M580.7 858.7c-20.4 0-40.1-7.8-54.5-21.7-14.5-13.9-22.5-32.4-22.5-52.1V216.3c0-34.9 28.4-63.3 64.7-64.8l335.1-13.2c28.9-0.9 57.1 9.4 77.5 29 19.4 18.6 30.1 43.4 30.1 69.7v509.9c0 53.2-43.5 96.6-99.1 98.8l-328.2 13h-3.1z m327.1-688.9c-1 0-2 0-3 0.1l-335.1 13.2c-19.3 0.8-34.4 15.3-34.4 33.2v568.6c0 11 4.5 21.4 12.8 29.3 9 8.7 21.8 13.4 34.5 12.8l328.2-13c38.5-1.5 68.7-31 68.7-67.2V237c0-17.6-7.2-34.3-20.4-46.9-13.5-13-32.1-20.3-51.3-20.3z"
                fill="#E86262"
                p-id="7778"
              />
            </svg>
            <p>抢先阅读</p>
          </div>
          <div @click="showPopup">
            <svg t="1641364898011" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3690">
              <path
                d="M956.193 820.122H692.738c-5.522 0-10-4.478-10-10s4.478-10 10-10h253.455v-66.496H718.146c-5.522 0-10-4.478-10-10s4.478-10 10-10h238.048c5.522 0 10 4.478 10 10v86.496c-0.001 5.523-4.478 10-10.001 10z"
                fill="#0031FF"
                p-id="3691"
              />
              <path
                d="M956.193 859.95c-5.522 0-10-4.478-10-10V766.6c0-5.522 4.478-10 10-10s10 4.478 10 10v83.35c0 5.523-4.477 10-10 10z"
                fill="#0031FF"
                p-id="3692"
              />
              <path
                d="M887.728 767.67c-5.522 0-10-4.478-10-10v-29.4c0-5.522 4.478-10 10-10s10 4.478 10 10v29.4c0 5.522-4.478 10-10 10zM818.6 767.67c-5.522 0-10-4.478-10-10v-29.4c0-5.522 4.478-10 10-10s10 4.478 10 10v29.4c0 5.522-4.478 10-10 10z"
                fill="#FFDA00"
                p-id="3693"
              />
              <path
                d="M651.56 834.386H391.066c-0.315 0-0.626-0.014-0.938-0.034-88.886-0.738-172.345-35.895-235.012-99.009-62.751-63.2-97.311-147.058-97.311-236.125 0-89.527 34.864-173.695 98.168-237 63.305-63.305 147.473-98.168 237-98.168 89.067 0 172.925 34.559 236.125 97.311 63.114 62.667 98.271 146.129 99.01 235.027 0.021 0.32 0.033 0.62 0.033 0.923v260.493c0.002 42.227-34.353 76.582-76.581 76.582z m-260.244-20H651.56c31.2 0 56.583-25.383 56.583-56.583v-260.25c-0.019-0.29-0.03-0.561-0.031-0.836-1.326-172.392-142.695-312.668-315.137-312.668-173.785 0-315.168 141.384-315.168 315.168 0 172.441 140.276 313.811 312.698 315.136 0.278 0.003 0.546 0.015 0.811 0.033z"
                fill="#0031FF"
                p-id="3694"
              />
              <path
                d="M392.975 704.694c-113.3 0-205.477-92.177-205.477-205.477S279.674 293.74 392.975 293.74s205.477 92.176 205.477 205.477c-0.001 113.301-92.177 205.477-205.477 205.477z m0-390.953c-102.272 0-185.477 83.205-185.477 185.477s83.205 185.477 185.477 185.477 185.477-83.204 185.477-185.477c-0.001-102.272-83.205-185.477-185.477-185.477z"
                fill="#0031FF"
                p-id="3695"
              />
              <path
                d="M353.242 526.232c0 6.781-1.164 12.921-3.489 18.411s-5.638 10.207-9.932 14.148c-4.297 3.941-9.481 6.975-15.553 9.107s-12.825 3.2-20.252 3.2c-12.921 0-22.514-1.941-28.78-5.815v-16.862c9.431 6.072 19.088 9.11 28.974 9.11 5.038 0 9.576-0.744 13.612-2.23 4.04-1.485 7.476-3.553 10.32-6.203 2.844-2.646 5.024-5.846 6.541-9.593 1.517-3.744 2.279-7.847 2.279-12.307 0-9.043-3.038-16.131-9.11-21.269-6.072-5.134-14.889-7.702-26.455-7.702-1.874 0-3.842 0.032-5.91 0.095-2.068 0.067-4.135 0.145-6.203 0.243-2.068 0.095-4.086 0.212-6.055 0.339-1.972 0.131-3.765 0.289-5.377 0.483l4.746-69.672h64.247v14.341h-50.486l-2.809 40.794a351.92 351.92 0 0 1 6.587-0.339c2.325-0.095 4.393-0.145 6.203-0.145 7.364 0 13.954 0.97 19.769 2.907 5.811 1.941 10.737 4.7 14.777 8.284 4.036 3.588 7.106 7.981 9.205 13.182s3.151 11.033 3.151 17.493z"
                fill="#FFDA00"
                p-id="3696"
              />
              <path
                d="M304.016 573.099c-13.234 0-23.271-2.057-29.832-6.113a2 2 0 0 1-0.948-1.701v-16.862a1.998 1.998 0 1 1 3.082-1.682c9.061 5.834 18.445 8.792 27.892 8.792 4.774 0 9.122-0.709 12.922-2.107 3.765-1.384 7.01-3.332 9.647-5.788 2.614-2.434 4.65-5.421 6.051-8.882 1.416-3.492 2.133-7.38 2.133-11.556 0-8.501-2.749-14.958-8.402-19.742-5.674-4.797-14.14-7.229-25.164-7.229-1.844 0-3.811 0.032-5.848 0.094a398.32 398.32 0 0 0-6.169 0.242c-2.058 0.095-4.064 0.211-6.021 0.337a99.97 99.97 0 0 0-5.268 0.473 2.001 2.001 0 0 1-2.234-2.122l4.746-69.671a2.001 2.001 0 0 1 1.996-1.864h64.247a2 2 0 0 1 2 2v14.341a2 2 0 0 1-2 2h-48.62l-2.524 36.667c1.396-0.076 2.846-0.146 4.351-0.209 2.372-0.097 4.487-0.146 6.288-0.146 7.542 0 14.406 1.013 20.401 3.01 6.048 2.02 11.253 4.942 15.472 8.686 4.254 3.782 7.528 8.468 9.732 13.929 2.188 5.418 3.296 11.554 3.296 18.238 0 7.02-1.227 13.477-3.647 19.191-2.427 5.728-5.933 10.722-10.421 14.842-4.48 4.106-9.944 7.31-16.243 9.52-6.265 2.197-13.302 3.312-20.915 3.312z m-26.781-8.961c5.947 3.292 14.948 4.961 26.78 4.961 7.161 0 13.752-1.039 19.59-3.087 5.785-2.03 10.786-4.955 14.863-8.694 4.063-3.729 7.24-8.256 9.442-13.454 2.21-5.219 3.331-11.15 3.331-17.631 0-6.169-1.011-11.802-3.005-16.741-1.971-4.884-4.892-9.068-8.68-12.436-3.812-3.382-8.55-6.035-14.081-7.882-5.585-1.86-12.024-2.804-19.135-2.804-1.747 0-3.807 0.048-6.121 0.143-2.309 0.098-4.491 0.21-6.547 0.336a2 2 0 0 1-2.118-2.133l2.809-40.794a2 2 0 0 1 1.995-1.863h48.487v-10.341h-60.378l-4.457 65.434c0.963-0.088 1.987-0.168 3.088-0.241 1.984-0.128 4.014-0.245 6.094-0.341 2.075-0.099 4.153-0.177 6.231-0.244 2.081-0.064 4.09-0.096 5.974-0.096 11.995 0 21.33 2.75 27.746 8.175 6.516 5.512 9.819 13.182 9.819 22.796 0 4.693-0.816 9.087-2.426 13.058-1.622 4.006-3.988 7.474-7.033 10.307-3.027 2.821-6.726 5.047-10.993 6.615-4.243 1.562-9.056 2.354-14.302 2.354-9.151 0-18.208-2.539-26.974-7.555v12.158h0.001z"
                fill="#FFDA00"
                p-id="3697"
              />
              <path
                d="M526.207 568.674h-16.181v-93.221c0-7.364 0.452-16.375 1.355-27.034h-0.385c-1.552 6.266-2.943 10.758-4.167 13.471l-47.484 106.784H451.4l-47.385-106.011c-1.355-3.101-2.745-7.847-4.163-14.244h-0.388c0.515 5.557 0.773 14.632 0.773 27.228v93.027H384.54V429.718h21.512l42.636 96.903c3.295 7.427 5.427 12.984 6.397 16.664h0.582c2.777-7.621 5.003-13.305 6.686-17.052l43.507-96.515h20.348v138.956h-0.001z"
                fill="#FFDA00"
                p-id="3698"
              />
              <path
                d="M526.207 570.675h-16.181a2 2 0 0 1-2-2v-93.222c0-3.61 0.109-7.642 0.327-12.067l-47.18 106.101a2 2 0 0 1-1.828 1.188h-7.946a2 2 0 0 1-1.826-1.184l-47.385-106.012-0.055-0.126c0.068 3.652 0.102 7.754 0.102 12.295v93.027a2 2 0 0 1-2 2h-15.697a2 2 0 0 1-2-2V429.718a2 2 0 0 1 2-2h21.512c0.793 0 1.511 0.469 1.831 1.194l42.636 96.903c2.128 4.797 3.792 8.866 4.974 12.164 2.032-5.434 3.69-9.57 5.037-12.566l43.508-96.517a2 2 0 0 1 1.823-1.178h20.348a2 2 0 0 1 2 2v138.957a2 2 0 0 1-2 2z m-14.181-4h12.181V431.718h-17.056l-42.977 95.337c-1.64 3.65-3.871 9.343-6.63 16.915a2 2 0 0 1-1.879 1.315h-0.583a2 2 0 0 1-1.934-1.49c-0.941-3.572-3.058-9.078-6.291-16.362l-42.113-95.715h-18.207v134.957h11.697v-91.027c0-12.473-0.257-21.572-0.765-27.043a2 2 0 0 1 1.992-2.185h0.388a2 2 0 0 1 1.953 1.567c1.38 6.225 2.741 10.894 4.043 13.876l46.849 104.813h5.35L505 461.079c1.176-2.605 2.538-7.022 4.053-13.14a2 2 0 0 1 1.941-1.519h0.385a1.998 1.998 0 0 1 1.994 2.169c-0.895 10.553-1.348 19.591-1.348 26.865l0.001 91.221z"
                fill="#FFDA00"
                p-id="3699"
              />
            </svg>
            <p>免费领劵</p>
          </div>
          <div @click="showPopup">
            <svg t="1641365333169" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="22846">
              <path
                d="M497.28 245.34C348.51 245.34 228 364.74 228 512s120.51 266.67 269.28 266.67S766.59 659.29 766.59 512 646 245.34 497.28 245.34z m105.37 282.19a19 19 0 1 1 0 38h-86.21v94.22a19.17 19.17 0 0 1-38.33 0v-94.26H391.9a19 19 0 1 1 0-38h86.21v-44.62H391.9a19 19 0 1 1 0-37.94h86.21v-5.07l-61.49-62-0.07-0.05s0-0.05-0.05-0.07l-0.48-0.49 0.11-0.1a18.74 18.74 0 0 1 0.69-26.16 19.22 19.22 0 0 1 26.41-0.25l0.11-0.1 0.49 0.52a0.31 0.31 0 0 1 0.1 0.05v0.09l52.95 53.37 53.3-53.67a19.32 19.32 0 0 1 27.1-0.23 18.87 18.87 0 0 1 0.24 26.84l-61.08 61.53v5.8h86.21a19 19 0 1 1 0 37.94h-86.21v44.65h86.21zM497.28 112A404.48 404.48 0 0 0 172 275.08l-24.4-13.95-0.15 0.09a16.84 16.84 0 0 0-22.32 6.32 16 16 0 0 0-2 7.81l-0.36 0.19 9 90.33 0.41 0.24a16.35 16.35 0 0 0 8.07 13 16.68 16.68 0 0 0 15.4 0.37l0.43 0.24L238 343v-0.34a16.22 16.22 0 0 0 7.39-6.37 16.46 16.46 0 0 0-5-21.75v-0.36l-24.15-13.8C280.86 216.48 382.47 162 497.28 162c195.22 0 353.49 156.72 353.49 350S692.5 862 497.28 862a353.86 353.86 0 0 1-310.91-183.33l-46 20.41A404.17 404.17 0 0 0 497.28 912c223.1 0 404-179.06 404-400s-180.88-400-404-400z m0 0"
                fill="#F25A5A"
                p-id="22847"
              />
            </svg>
            <p>全额退款</p>
          </div>
          <div @click="showPopup">
            <svg t="1641365363018" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="22982">
              <path
                d="M864.256 729.6h-563.2c-70.144 0-128-57.344-128-128V240.128c0-70.144 57.856-128 128-128h563.2c70.656 0 128 57.856 128 128v361.472c0 70.656-57.856 128-128 128z"
                fill="#E1E1DF"
                p-id="22983"
              />
              <path d="M920.064 749.056h-819.2v-440.32c0-70.656 57.344-128 128-128h563.2c70.656 0 128 57.344 128 128v440.32z" fill="#FF7517" p-id="22984" />
              <path
                d="M939.008 911.872H79.872c-27.136 0-48.128-20.992-48.128-48.128v-89.6h955.392v89.6c0 27.648-20.48 48.128-48.128 48.128z"
                fill="#BC5A18"
                p-id="22985"
              />
              <path
                d="M196.608 859.136H108.544c-8.192 0-15.872-6.144-15.872-15.872v-1.536c0-8.192 6.144-15.872 15.872-15.872h88.064c8.192 0 15.872 6.144 15.872 15.872v1.536c0.512 9.728-6.144 15.872-15.872 15.872z m153.6 0H262.144c-8.192 0-15.872-6.144-15.872-15.872v-1.536c0-8.192 6.144-15.872 15.872-15.872h88.064c8.192 0 15.872 6.144 15.872 15.872v1.536c0.512 9.728-6.144 15.872-15.872 15.872z m550.4 0h-88.064c-8.192 0-15.872-6.144-15.872-15.872v-1.536c0-8.192 6.144-15.872 15.872-15.872h88.064c8.192 0 15.872 6.144 15.872 15.872v1.536c0.512 9.728-7.68 15.872-15.872 15.872zM507.392 416.256H247.808c-12.8 0-24.064-11.264-24.064-24.064V389.12c0-12.8 11.264-24.064 24.064-24.064H506.88c12.8 0 24.064 11.264 24.064 24.064v3.072c0.512 14.336-10.752 24.064-23.552 24.064z m274.944 45.568h-170.496c-12.8 0-24.064-11.264-24.064-24.064v-3.072c0-12.8 11.264-24.064 24.064-24.064h170.496c12.8 0 24.064 11.264 24.064 24.064v3.072c0 14.336-11.264 24.064-24.064 24.064z m-377.344 45.568H247.808c-12.8 0-24.064-11.264-24.064-24.064v-3.072c0-12.8 11.264-24.064 24.064-24.064H404.48c12.8 0 24.064 11.264 24.064 24.064v3.072c0.512 14.336-10.752 24.064-23.552 24.064z m135.68 92.672H247.808c-12.8 0-24.064-11.264-24.064-24.064v-3.072c0-12.8 11.264-24.064 24.064-24.064h292.864c12.8 0 24.064 11.264 24.064 24.064v3.072c0 12.8-9.728 24.064-24.064 24.064z m203.776-45.056h-48.64c-12.8 0-24.064-11.264-24.064-24.064v-3.072c0-12.8 11.264-24.064 24.064-24.064h48.64c12.8 0 24.064 11.264 24.064 24.064v3.072c0 13.312-9.728 24.064-24.064 24.064z"
                fill="#FFFFFF"
                p-id="22986"
              />
            </svg>
            <p>角色弹幕</p>
          </div>
          <div @click="showPopup">
            <svg t="1641365399421" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="23121">
              <path
                d="M425.5 501.8c-7 1.2-14 2.6-20.8 4.5-2 1.3-3.9 2.6-5.9 3.8-2.2 1.4-4.5 1.1-6.2-0.1-6.7 2.3-13.2 4.9-19.5 7.9 0.3 0.1 0.6 0.3 0.9 0.4 1.5-0.1 2.9-0.2 4.3-0.3 18.6-1.2 36.6-6.1 53.5-13.8-2.4 0.4-4.9-0.6-6.3-2.4z"
                fill="#384D9E"
                p-id="23122"
              />
              <path
                d="M375.7 534.1c1.5-1.1 2.5-2.4 3.1-3.8 20.8-1.4 40.6-6.9 59.5-15.6 6.6-3.1 1.8-12.3-4.7-11 0.4-0.2 0.9-0.5 1.3-0.8 1-0.9 2.1-1.8 3.1-2.7l16.8-14.4c-0.1 3.3 2.8 6.6 6.2 6.4 6-0.3 11.5-1.7 16.3-4.1 1.3 1.5 3.3 2.4 5.3 2.4 0.3 3.5 3.2 6.8 7.5 5.4 0.8-0.2 1.5-0.5 2.3-0.7-0.4 1.1-0.7 2.3-1 3.5-0.5 2-0.8 4.1-1 6.2-0.8 7.8 11.4 7.8 12.2 0 0.2-1.7 0.5-3.3 0.9-4.9 1.1-4.2 3.2-7.7 6.4-11.2 1.8-1.9 1.9-4.6 1.1-6.8 1-1.7 1.1-3.6 0.4-5.3 4 3.6 7.4 7.6 8.6 11.3-0.2 3.1-1.2 6.4-3.2 9.9-1.2 2.1-1.1 4.2-0.2 5.8 1.3 2.3 4.2 3.7 7 3 1-0.2 1.9-0.7 2.8-1.4 7.1-6.1 8.1-13 5.6-19.9-1.4-18.7-21.1-33.2-40.1-37.5-1.6-2.5-5.3-3.8-8.3-2.5-4.1-1.6-8.2-3.1-12.4-4.3-1.2 1.9-2.9 2.7-4.6 2.8-0.2 1-0.4 2-0.6 2.9-1.9-3.2-6.5-4.8-9.5-1.4-0.8 0.8-1.5 1.7-2.3 2.5-0.2-0.6-0.3-1.3-0.4-2 0-2.6-0.1-5.6-0.3-8.9-11.9-1.9-24-2.3-36-1.1-3.7 0.3-7.4 0.8-11 1.5v0.7c0.2 7.2-9.9 7.8-11.9 1.8-1.6 0.4-3.2 0.8-4.7 1.3-0.9 2.2-1.8 4.4-2.6 6.6-1.8 5-10.8 6.5-11.8 0-0.1-0.5-0.1-1-0.2-1.5-11.1 4.6-21.6 10.6-31.1 18.1-17.2 13.6-41.1 39.8-14.8 57.3 6.6 4.4 14.2 6.8 22.1 8 1.9 0.3 3.8 0.5 5.6 0.6 5.5 5.2 12.5 8.3 18.6 3.8z m2.6-16c-1.4 0.1-2.8 0.2-4.3 0.3-0.3-0.1-0.6-0.3-0.9-0.4-1.5-0.5-3.2-0.7-5-0.4-1 0.2-1.9 0.6-2.5 1.1h-2.9c-0.9-1.1-1.8-2.3-2.4-3.6-0.9-1.7-1.4-3.5-1.8-5.3 5-2.3 9.9-4.8 14.6-7.5-0.8 4.2 2.3 8.8 7.3 7.2 3.3-1 6.5-2.2 9.6-3.4 0.4 1.6 1.4 3.1 2.7 4 1.7 1.2 4 1.5 6.2 0.1 2-1.3 4-2.6 5.9-3.8 8.8-5.8 17.3-12 25.4-18.7l-4.8 7.8c-1.5 2.4-1.1 4.7 0.2 6.4 1.4 1.8 3.9 2.9 6.3 2.5-17 7.6-35 12.5-53.6 13.7z m84.5-60.1c1.9 0 3.7 0.1 5.5 0.1-4 3.4-8 6.8-11.9 10.2 2.1-3.4 4.2-6.9 6.4-10.3z m24.1 2.4c0 0.1 0 0.1-0.1 0.1l0.1-0.1z m-3 4.2c-1.5 3.5-3.7 6.4-6.3 8.8 2.1-3 4.2-5.9 6.3-8.8z m-76.4-5.3c-0.8 0.9-1.5 1.8-2.3 2.7 0-0.8-0.1-1.6-0.4-2.4l2.7-0.3z m6 11.8c4-4.1 7.8-8.3 11.4-12.8 2.7-0.1 5.5-0.2 8.2-0.2l-21.4 21.7c-3.9 2.9-7.9 5.6-12.1 8 4.6-5.5 9.3-11.1 13.9-16.7z m29.7-11.7c-0.4-0.5-0.8-1-1.3-1.4h2.8c-0.6 0.4-1.1 0.9-1.5 1.4z m-52.9 3.4c-9.6 10.6-19.8 20.4-30.8 29.4 1.2-3.8 2.9-7.4 5-10.7 6-9.8 15.4-15.5 25.8-18.7zM504.1 473c-3.9 0.9-7.8 1.9-11.7 2.8 1.3-3 2.5-6 3.8-9.1l0.3-0.9c2.8 1.8 6.5 4.2 10.2 7.1-0.8-0.1-1.7-0.1-2.6 0.1zM358 469.7c-10.8 13.2-16.2 31.3-10.2 47.3-5.6-1.3-10.7-3.6-14.5-7.5-11.6-11.9 6.3-28.1 24.7-39.8zM425 382.1c4.3-0.2 8.1 0.2 11.6 1.2 4.8-71.8 11.1-144 28-213.9 5.4-21.2 11.6-42.3 18.6-63.2 1.9-5.7-4.3-8.8-8.6-6.9-2.6-2.7-7.3-3.3-9.3 1-40.4 88.3-55.7 186-44.5 282.2 1.3-0.1 2.7-0.3 4.2-0.4z m5.5-97a521 521 0 0 1 21.1-114.7c-9.4 37.8-16.5 76.1-21.1 114.7zM434.3 403.6c-2.6-1.2-5.3-2-8.2-2.4-0.9 0.3-1.8 0.5-2.6 0.9 0.8 5.8 7.9 5.3 10.8 1.5z"
                fill="#901D22"
                p-id="23123"
              />
              <path
                d="M387.2 447.9c0.8-2.2 1.7-4.4 2.6-6.6 1.3-3.2 2.7-6.3 4.3-9.4 0 2.2 0 4.3 0.1 6.3 0 0.7 0.2 1.3 0.3 1.8 2 5.9 12.1 5.4 11.9-1.8v-0.7c-0.2-7-0.3-17 1.9-25.5 4.4-4.2 9.4-7.7 15.2-9.9 0.8-0.3 1.7-0.6 2.6-0.9 2.9 0.4 5.6 1.2 8.2 2.4 7.4 3.3 13.4 9.5 17 16.8 1.2 5.7 1.8 11.5 2.1 16.7 0.2 3.3 0.3 6.3 0.3 8.9 0 0.7 0.1 1.4 0.4 2 0.8-0.8 1.5-1.7 2.3-2.5 3-3.4 7.6-1.7 9.5 1.4 0.3-1 0.5-2 0.6-2.9 1.7-0.1 3.4-0.9 4.6-2.8 13.7-21.8-2.1-48-25-53.2-2.8-2.1-5.9-3.7-9.5-4.7-3.5-1-7.3-1.4-11.6-1.2-1.5 0.1-2.8 0.3-4.2 0.5-6.9 1.3-12.1 4.8-16 9.5-20.2 8.7-32.5 32.2-29.7 54.2 0.1 0.5 0.1 1 0.2 1.5 1.1 6.6 10 5.1 11.9 0.1z m74.8-33c-0.2-0.6-0.3-1.2-0.5-1.9 1.2 2 2.1 4.1 2.5 6.4-0.6-1.5-1.2-3-2-4.5zM726 448.3c-6.6-10.3-15.5-18.6-25.6-24.8-2.3 2.2-5.1 3.9-8.5 5-7.2 2.3-10.2-8-4.3-11.3-20.1-7.9-43.4-8-64.3 1.6-0.8 0-1.7 0-2.5 0.1-0.3 0.2-0.6 0.3-0.9 0.5-3.4 1.6-7 2-10.3 1.2-0.3 0.1-0.6 0.2-1 0.3 0.5 2.4 1.5 4.8 3.1 7 4.6 6.4-6.1 12.6-10.6 6.2-2-2.9-3.4-6-4.2-9.2-11.1 4.8-21.1 12.1-29.9 21-10 8.4-18 18.7-23.7 30.1-6.3 10.6-11.2 22.1-14.9 33.9-0.5-0.6-1.1-1.1-1.8-1.5-1-0.6-2.1-1.1-3.1-1.6-2.8 0.6-5.7-0.7-7-3-4.3-1.6-8.7-2.8-13.1-3.6-0.4 1.5-0.7 3.1-0.9 4.9-0.8 7.8-13 7.8-12.2 0 0.2-2.2 0.6-4.2 1-6.2-6-0.3-12.1 0.1-18.2 0.9-11.7-0.9-23.4-0.7-35.1 0.4-1 0.9-2.1 1.8-3.1 2.7-0.4 0.3-0.8 0.6-1.3 0.8 6.4-1.3 11.3 8 4.7 11-18.9 8.7-38.7 14.2-59.5 15.6-0.6 1.4-1.6 2.7-3.1 3.8-6.1 4.6-13.1 1.4-18.6-3.7-1.9-0.2-3.8-0.4-5.6-0.6-29.2 18.5-53 44.3-70.9 75.2-2.7 4.7-5.4 9.6-8 14.5-2.3 2.2-4.3 4.9-5.6 8.2-0.7 1.7-1.1 3.6-1.4 5.5-8.6 17.7-16.2 36-22.7 54.3-9.3 26.1-14 53.5-7.8 80.9 11.5 50.5 52.1 88.1 98.8 106.9 9.3 3.7 18.8 6.7 28.4 9.1 10.4 4.6 21 8.3 31.4 11.1C487.3 921.4 593.9 884 636 793.2c18.7-40.4 24.6-87.3 13.6-130.7-1.7-9.8-4.2-19.4-7.4-28.8 6.6 2.1 13.8 2.9 19 3.2 18 1.1 36.4-4.4 51.4-14.2 32.5-21.2 47.3-61.4 46.6-99.1-0.4-29.5-10.9-57.7-33.2-75.3zM339 857.4c-22.1-14.6-40.8-34.2-48-60.3-0.3-1-0.5-1.9-0.7-2.9 20.1 36.2 52.2 64.6 90.1 81.5-4.5-0.9-9-1.8-13.4-2.9-9.7-4.3-19.1-9.5-28-15.4z m376.4-402.3c0.9 1.4 1.7 2.8 2.6 4.2-2.1-2.4-4.4-4.6-6.8-6.8 1.4 0.8 2.8 1.7 4.2 2.6zM540.5 563.7c7.2-0.6 14.4-1.1 21.6-1.7h0.2c4.3 3.2 8.5 6.5 12.6 9.9-56.4-0.5-112.6 4.9-167.7 15.8 1.3-0.4 2.6-0.7 3.9-1.1 42.6-11.4 85.8-18.9 129.4-22.9z m72.2-123.9c0.4-0.3 0.7-0.6 1.1-0.9 2.6-0.4 5.2-0.7 7.8-0.8-17.9 4.6-34.9 12-50.6 22.1 5.3-5.1 11.2-9.6 17.8-13.2 5.4-3 11.1-5 16.8-6.4 2.1 1.1 4.8 1.2 7.1-0.8zM657.6 571c0.1-1.5-0.5-3.1-1.4-4.3 5.1-6.1 9.6-12.8 13.2-19.9-2.8 8.6-6.7 17.1-11.8 24.2z m-274 34.2c38.3-6.2 76.8-11.1 115.4-15-53.5 6-106.6 14.8-159.1 26.5 14.5-4.2 29.1-8 43.7-11.5z m197.5-28.1c2.3 2.1 4.6 4.2 6.9 6.4-2.9-0.2-5.8-0.2-8.6-0.1-0.6 0-1.3 0.1-1.9 0.1 2.7-1 3.9-3.8 3.6-6.4z m-14.2-99.8c18.8-5.9 38-10.6 57.5-13.7 9.9-1.6 20-2.9 30-3.4 3.5-0.2 12.3-1.2 14.7 1.5 1.5 1.7 2 3 1.8 3.9-3.9-4.2-9.3-6.4-17.2-5.2-32.5 5-64.9 14.4-97 21.8-1.1 0.3-2 0.8-2.7 1.4 1.8-3.3 3.8-6.6 5.8-9.8 1 2.7 3.5 4.7 7.1 3.5zM616.1 582c-1-1.5-2.1-3-3.2-4.4 2.9 0.6 5.9 1.1 8.8 1.4-1.8 1-3.7 2-5.6 3z m23.8-15.4c-7.8 1.1-15.6 1-23.2-0.6 12.9-6.2 25.7-12.4 38.6-18.6-4.3 7.1-9.5 13.6-15.4 19.2z m24.3-39.6c-20 2.4-40.1 4.9-60.1 7.3 20.7-6.7 44.7-7.6 62.6-18.2-0.6 3.7-1.4 7.3-2.5 10.9z m-2.7-82c-0.2 0.8-0.3 1.7-0.2 2.6-13.1-1-27.7 2.4-40.2 4.3-2.4 0.4-4.7 0.8-7 1.2 15.1-5.1 31-7.8 47.4-8.1z m-73.7 53.3c19.3-4.8 38.6-9.4 58-13.6 6.6-1.4 13.3-2.7 19.9-4.1 0.6 1.8 1.1 3.8 1.4 6-31.7 4-62.7 11.7-92.5 23.3-4 1.5-8.2 3.9-12.4 4.7-9.9 3.5-13 1.1-9-7.2 1.5-0.4 3.1-0.8 4.6-1.2 7.8-4.6 21.4-5.7 30-7.9z m-18.1 26.6c32.9-11.2 64.2-21.4 98.3-26.1v0.7c-11.7 11.4-29.5 15.2-45.5 18.3-17.9 3.5-35.4 7.6-49.4 19.5-4.7-3.5-9.6-6.8-14.6-10 3.7-0.3 7.6-1.2 11.2-2.4z m67.7 17.6c-12.8 6.1-25.5 12.3-38.3 18.4-3.9-4.3-8.1-8.4-12.4-12.3 16.9-2 33.8-4.1 50.7-6.1z m-82.1-49.2c-2.3 0.8-4.6 1.6-6.8 2.6 0.3-1.2 0.7-2.3 1.1-3.5 0.9-1.9 1.9-3.9 2.9-5.8-0.5 2.4 0.6 5.3 2.8 6.7z m-31.1 32.5c-10.1-4.6-20.5-8.4-31.1-11.3 10.8 2.2 21.3 5.4 31.5 9.5-0.2 0.7-0.3 1.3-0.4 1.8z m19.1 7.2c16.7 9.2 32 21 45.3 34.8-11.3-9.9-23.6-18.9-36.3-26.9-3.8-2.4-7.7-4.7-11.6-6.8 0.9-0.2 1.8-0.5 2.6-1.1zM318.7 634.1c45.1-10.8 90.7-19.5 136.6-26.1 31.1-4.4 62.4-7.8 93.7-10.3 12.8-1 29.5-4.8 42.1-1.6 0.6 0.2 6.3 1.7 6.6 2.7 1.8 7.1-10.8 6-14.1 6.4-8 0.9-16 1.8-24 2.8-64 7.4-128 14.7-192 22.1-14.4 1.7-28.8 3.3-43.2 5-2.3 0.3-4.5 0.5-6.8 0.8 0.4-0.6 0.8-1.2 1.1-1.8z m316-48c6.3-3.3 12.5-6.5 18.8-9.8-1.3 1.4-2.6 2.8-4 4-4.7 2.5-9.7 4.5-14.8 5.8z m53.1-67.7c-0.2 5.7-1.1 11.4-2.6 17 0.9-5.4 1.8-11.1 2.6-17z m-208.3 5.1c14.4 3.1 28.6 8 42.4 14.4 0.1 5.5 7 8.2 10.3 5.1 4.7 2.5 9.4 5.2 14 8-2.2 0.2-4.5 0.4-6.7 0.6-58.8 4.6-117.6 10.2-175.3 22.1 23-22.9 50.3-41.3 80.5-53.2 11.5-0.4 23.1 0.5 34.8 3z m-101 59.8c-11.1 3.5-22.2 7.2-33.1 11.2l4.2-5.1c9.6-2.2 19.2-4.2 28.9-6.1z m-54.2 19.2c-1.1 0.4-2.1 0.8-3.2 1.2-4.4 0.8-8.9 1.7-13.3 2.6 1.5-2.4 3.1-4.8 4.7-7.1 5.9-1.7 11.9-3.4 17.9-5-2.2 2.7-4.2 5.5-6.1 8.3zM279 699.1c0.3-15.8 3-31.6 7.7-46.8 3.3-0.6 6.5-1.3 9.1-1.6 0.5-0.1 0.9-0.1 1.4-0.2-0.5 1.2-1.1 2.4-1.6 3.6-6.8 16.1-12.5 33.6-16.4 51.6-0.2-2.2-0.3-4.4-0.2-6.6z m89.8 156.7c57.8 7.9 116.2 8.6 174.3 1.8 7.7-0.9 7.8-13.1 0-12.2-54.7 6.4-109.8 6.2-164.4-0.5 60.9-10.3 123.4-5.4 184.8 0.4-27.6 20.1-60.8 32.8-96.9 34.6-35.2 1.5-68.9-7.4-97.8-24.1z m118.3-35.6c-49.2 1.2-98.5 2.5-147.7 3.7 13.6-4.6 51.9-3.7 56.9-3.7 21.7-0.3 43.5-0.5 65.2-0.7 18.8-0.1 37.5-0.1 56.3-0.1-10.2 0.2-20.5 0.5-30.7 0.8z m78.2 12.9c-7.6-0.7-15.3-1.4-23-2.1 5.3-0.1 17.5-0.1 23 2.1z m-203.4 2.4c-5.6 1.2-11.1 2.5-16.7 3.9-1.4-1.1-2.8-2.2-4.1-3.4 6.9-0.1 13.8-0.3 20.8-0.5z m217.6-3.3c-2.2-6.3-9.5-10.7-16.8-12.6l29.1 0.3c-3.9 4.2-8 8.4-12.3 12.3z m20.1-21.5c-0.9-1.7-2.6-3.1-5.2-3.1-55.6-0.6-111.1-0.7-166.7-0.1-26.8 0.3-54.4-1-81.1 1.4-7.8 0.7-17.9 4.2-22.3 10.7-10.7-11.9-19.9-25.3-27.1-39.7 0.8-1 1.3-2.4 1.4-3.8 59.9-6.3 119.8-12.3 180-13.7 32.1-0.8 64.3-0.2 96.3 2.3 16.6 1.3 39 6.3 53.5-3.7-7 18-16.8 34.8-28.8 49.7z m-309.1-46.1c-1.2-3-2.3-6.1-3.2-9.1 20.8 2.4 41.6 3.2 62.5 3.1-19.8 1.9-39.5 3.9-59.3 6z m210.2-14.8c38.9-2.1 77.7-2.3 116.3 3.3-7 2.5-15.8 1.6-22.8 1-15.2-1.3-30.4-2.6-45.7-3.3-15.9-0.8-31.9-1.1-47.8-1z m133.4-6c-0.4-0.2-0.9-0.4-1.4-0.5-102.1-18.3-205 7-307.4 3 103.4-12 207.5-16.6 311.6-13.9-0.7 3.9-1.7 7.7-2.8 11.4z m-145-22.4c20.8-1.3 41.6-2.5 62.4-3.5 14.4-0.7 28.9-1.3 43.3-1.8 2.9-0.1 35.3-1.9 40.1 4.2-48.6-1.3-97.2-0.9-145.8 1.1z m-202.2 17.5c0-0.2 0-0.4 0.1-0.7 1.4 0.1 2.8 0.1 4.2 0.1-1.5 0.2-2.9 0.4-4.3 0.6z m133.8 149.6c2.6 0.5 5.1 1 7.7 1.4-2.6-0.3-5.2-0.7-7.8-1.1 0-0.1 0-0.2 0.1-0.3zM641 688.4c0.2 7.1 0 14.1-0.6 21-0.1 0-0.1-0.1-0.2-0.1-10.6-7.6-23.5-6.3-35.7-5.8-36.9 1.3-73.8 3-110.7 5.3-36.9 2.3-73.7 5.1-110.5 8.4-17.6 1.6-35.2 3.3-52.8 5.1-9.6 1-19.2 2-28.8 3.1-0.5 0.1-7.2 0.6-13.4 0.4 0.1-0.9 0.2-1.8 0.4-2.7 0-0.2 0.1-0.3 0.1-0.5 113.4-13.2 227.3-20.9 341.5-22.8 7.9-0.1 7.9-12.4 0-12.2-106.6 1.8-213.2 8.5-319.2 20.2-6.1 0.7-13 0.8-19.9 1.3 4.2-20.7 11-41 20.1-60.3 6-0.7 12.1-1.4 18.1-2.1 76.8-8.8 153.6-17.7 230.4-26.5l28.8-3.3c5.7-0.7 12.4-0.7 17.3-4.1 1.9-1.3 3.3-2.8 4.3-4.5 15.7 20.6 25.7 44.4 30.1 69.4 0.3 3.6 0.6 7.2 0.7 10.7z m-8.2-77.9c-1.4-2.8-2.8-5.6-4.3-8.4 9.8-0.8 18.7-4.9 26.4-11 16.4-8.5 29.9-22.5 37.7-40 12-27 8.6-57.1-4.1-82.9-0.8-5.6-1.9-11-3.6-16.2 6.9 3.4 13.2 7.2 18.7 11.3 20.4 15.3 27.8 39.5 27.1 63.9-0.2 0.8-0.2 1.6-0.1 2.3-0.6 12-3.1 23.9-7 34.9-5.7 16-15.7 31.6-31 40-18.3 9.9-39.8 8-59.8 6.1z m57.6-178.6c-5.9-1.4-11.9-2.5-18-3.3-1.3-1.5-2.7-3-4.1-4.4 7.7 1.3 15.2 3.9 22.1 7.7z m-29.9-8.6c-0.5 0.3-1 0.7-1.4 1.2-1.4-0.4-2.9-0.9-4.3-1.3 1.9 0 3.8 0 5.7 0.1zM401 529.1c-5.9 3.8-11.4 7.6-16.6 11.5-15 11.2-28.7 23.9-41 37.8-6.2 1.5-12.4 3-18.6 4.7 20.6-24.4 46.9-43.6 76.2-54zM277.3 822.4c-16.2-18-28.1-40.5-31.8-64.6-4.3-27.4 3.9-54.4 14-79.7 3.7-9.2 7.5-18.4 11.6-27.6 0.7 0.6 1.5 1.1 2.4 1.5 0.2 0.1 0.4 0.2 0.6 0.2-5.7 20.3-7.9 41.3-6.7 62.2-10.3 17.9-6.5 40.3 6.7 54.8 0.8 10.6 2.4 21 5.2 31.1 5.1 18.5 15.3 34.3 28.5 47.7-11.2-7.1-21.4-15.6-30.5-25.6z m424.6-207.3c-9.6 5.4-20.5 8.9-31.6 9.6-2.4 0.2-10.7 0.1-18.3-1 27.5 0.3 53-5.9 70.7-30.7 12.7-17.8 19.4-40.9 20.3-63.6 5.6-14.8 1.5-30.2-6.1-44 0.8-1.1 1.4-2.4 1.3-4 12.6 25.9 11.2 60.1 2.1 85.8-7.1 19.8-20 37.5-38.4 47.9z"
                fill="#384D9E"
                p-id="23124"
              />
              <path
                d="M601.3 434.1c4.5 6.4 15.1 0.3 10.6-6.2-1.6-2.2-2.6-4.6-3.1-7 0-0.2-0.1-0.4-0.1-0.5 0.4 0.1 0.7 0.2 1.1 0.3 3.3 0.7 6.9 0.4 10.3-1.2 0.3-0.1 0.6-0.3 0.9-0.5 5.9-3 11.6-7.4 17.1-12.3 7 0.6 13.1-0.6 19.6-4.3 5.5-3.1 2.6-10.6-2.4-11.3 0.4-0.4 0.8-0.8 1.3-1.2 0.4-0.4 0.7-0.8 1-1.2 9.5-0.5 19.8-0.6 28.1 3.8 4.7 2.4 9.3 9.5 9.5 15.5-0.6 3.8-2.6 7.4-6.4 8.8-0.4 0.1-0.7 0.3-1 0.5-5.9 3.3-3 13.6 4.3 11.3 3.4-1.1 6.3-2.8 8.5-5 2.7-2.6 4.5-5.9 5.6-9.5 2.9-8.5 1.5-18.8-4.4-26.5-6.2-8.1-15.9-12.5-26.5-14.6 0 0.1-0.1 0.2-0.1 0.2-1.1 4.3-3.3 8.3-6.8 11.4-5.8 5.2-14.2-3-8.7-8.6 1.3-1.3 2.2-2.8 3-4.4-7.4-0.4-14.8 0-21.4 0.8v0.6c0.2 0.5 0.5 0.9 0.8 1.4 4.6 6.4-6 12.5-10.6 6.2-0.6-0.9-1.2-1.8-1.7-2.7-1.5-0.6-2.8-1.5-4-2.5-15.7 5-35 16.9-28.6 33.7-1.4 5.3-1.5 10.8-0.1 16 0.8 3 2.1 6.1 4.2 9zM617 399c5.8-5 13.1-7.4 20.7-8.7-9.3 8.2-22 18.5-27.1 16.8 1.6-3 3.8-5.8 6.4-8.1zM661 337.3c4.2-9.5 6.2-19.5 6.9-29.7 3.7-13.9 1.3-34.4 0.9-42.3-1.4-28.9-7.3-57.3-17.3-84.5-1.2-3.2-3.7-4.5-6.1-4.3-0.3-0.7-0.6-1.4-0.8-2.1-3.1-7.2-13.6-1-10.6 6.2 3.8 8.9 7 18 9.6 27.2 2.8 17.3 5.5 34.6 8.3 52 0.7 17.9-0.6 36-4.2 53.7-0.8 4 1.7 7.6 5.9 7.7h0.1c-1.1 4.5-2.7 9-4.8 13.3 4.5 0 8.6 1 12.1 2.8z"
                fill="#901D22"
                p-id="23125"
              />
              <path
                d="M631.4 380.3c4.6 6.3 15.2 0.2 10.6-6.2-0.3-0.4-0.6-0.9-0.8-1.4v-0.6c0.2-4.5 0.3-8.9 0.5-13.4v-0.2c2.3-4.5 6.6-7.8 12.1-6.8 8.5 1.5 11.8 12 8.9 19.5 0 0.1-0.1 0.1-0.1 0.2-0.8 1.6-1.7 3.2-3 4.4-5.5 5.7 2.8 13.9 8.7 8.6 3.5-3.1 5.7-7.1 6.8-11.4 0-0.1 0.1-0.2 0.1-0.2 4.2-13.6-1.7-29.4-14.1-35.6-3.6-1.8-7.7-2.8-12.2-2.7-0.6 0-1.3 0-1.9 0.1-11.2 0.9-22.4 8.1-26 19-2.5 7.6-0.7 16.5 4.9 21.4 1.2 1 2.5 1.9 4 2.5 0.3 1.1 0.9 2 1.5 2.8z"
                fill="#384D9E"
                p-id="23126"
              />
            </svg>
            <p>会员挂件</p>
          </div>
          <div @click="showPopup">
            <svg t="1641365424135" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="23265">
              <path
                d="M834.1 645H199.2c-17.6 0-31.9-14.3-31.9-31.9V355.2c0-17.6 14.3-31.9 31.9-31.9h634.9c17.6 0 31.9 14.3 31.9 31.9V613c0 17.7-14.3 32-31.9 32z"
                fill="#F26334"
                p-id="23266"
              />
              <path
                d="M829.1 640H194.2c-17.6 0-31.9-14.3-31.9-31.9V350.2c0-17.6 14.3-31.9 31.9-31.9h634.9c17.6 0 31.9 14.3 31.9 31.9V608c0 17.7-14.3 32-31.9 32z"
                fill="#FF95B7"
                p-id="23267"
              />
              <path
                d="M662.2 628.5H179c-21.9 0-39.7-17.8-39.7-39.7V339.1c0-21.9 17.8-39.7 39.7-39.7h162.1c2 0 3.7 1.6 3.7 3.7s-1.6 3.7-3.7 3.7H179c-17.8 0-32.3 14.5-32.3 32.3v249.7c0 17.8 14.5 32.3 32.3 32.3h483.2c2 0 3.7 1.6 3.7 3.7s-1.7 3.7-3.7 3.7zM685 628.5h-1.4c-2 0-3.7-1.6-3.7-3.7s1.6-3.7 3.7-3.7h1.4c2 0 3.7 1.6 3.7 3.7s-1.7 3.7-3.7 3.7zM805.7 628.5H707c-2 0-3.7-1.6-3.7-3.7s1.6-3.7 3.7-3.7h98.7c17.8 0 32.3-14.5 32.3-32.3V339.1c0-17.8-14.5-32.3-32.3-32.3h-26.9c-2 0-3.7-1.6-3.7-3.7s1.6-3.7 3.7-3.7h26.9c21.9 0 39.7 17.8 39.7 39.7v249.7c0 22-17.8 39.7-39.7 39.7zM498.5 306.8H470c-2 0-3.7-1.6-3.7-3.7s1.6-3.7 3.7-3.7h28.5c2 0 3.7 1.6 3.7 3.7s-1.7 3.7-3.7 3.7zM445.2 306.8h-56.5c-2 0-3.7-1.6-3.7-3.7s1.6-3.7 3.7-3.7h56.5c2 0 3.7 1.6 3.7 3.7s-1.7 3.7-3.7 3.7zM366.5 306.8H364c-2 0-3.7-1.6-3.7-3.7s1.6-3.7 3.7-3.7h2.5c2 0 3.7 1.6 3.7 3.7s-1.7 3.7-3.7 3.7z"
                fill="#9C003E"
                p-id="23268"
              />
              <path
                d="M780.6 303.4c0-30.1-24.3-54.5-54.4-54.6-7.2-41.5-43.4-63.1-87-63.1-48.8 0-78.3 39.5-78.3 88.3 0 4.8 0.4 9.5 1.1 14.1-2.6-0.4-5.2-0.6-7.9-0.6-30.1 0-54.6 14.4-54.6 44.6h272.8c5.3-8.3 8.3-18.1 8.3-28.7z"
                fill="#99D360"
                p-id="23269"
              />
              <path
                d="M774.9 338.2h-289v-4c0-32.3 26.3-58.6 58.6-58.6 1.1 0 2.2 0 3.3 0.1-0.3-3.2-0.5-6.5-0.5-9.7 0-50.9 41.4-92.3 92.3-92.3 43.9 0 81.4 30.6 90.3 73.2 30.6 1.8 55 27.4 55 58.5 0 10.9-3 21.6-8.8 30.9l-1.2 1.9z m-280.9-8h276.4c4.3-7.5 6.5-16.1 6.5-24.8 0-27.8-22.6-50.5-50.4-50.6h-3.4l-0.6-3.3c-7-40.4-42-69.8-83.1-69.8-46.5 0-84.3 37.8-84.3 84.3 0 4.5 0.4 9 1.1 13.5l0.9 5.4-5.4-0.8c-2.5-0.4-4.9-0.5-7.3-0.5-26.5 0-48.3 20.6-50.4 46.6z"
                fill="#119E48"
                p-id="23270"
              />
              <path
                d="M972.8 401.9h-57.2 0.3-10.3c-5.2 0-9.4-4.2-9.4-9.4s4.2-9.4 9.4-9.4h42.8c5.1-0.2 9.1-4.3 9.1-9.4 0-5.2-4.2-9.4-9.4-9.4H807.6c-5.2 0-9.4 4.2-9.4 9.4 0 5.1 4 9.2 9.1 9.4h37.6c5.2 0 9.4 4.2 9.4 9.4s-4.2 9.4-9.4 9.4h-70.1 0.3-34.9c-5.2 0-9.4 4.2-9.4 9.4 0 4.2 2.8 7.8 6.6 9h61.5c1 0 1.9 0.2 2.8 0.4h30.6-30.6c3.8 1.2 6.6 4.8 6.6 9 0 4.1-2.6 7.6-6.3 8.9h-30.4c-5.2 0-9.4 4.2-9.4 9.4s4.2 9.4 9.4 9.4h134.8c5.2 0 9.4-4.2 9.4-9.4s-4.2-9.4-9.4-9.4H833l26.5-0.4c-5.2 0-9.4-3.2-9.4-8.4s4.2-9.4 9.4-9.4h116c3.8-1.2 6.6-4.8 6.6-9 0.1-5.2-4.1-9.5-9.3-9.5z"
                fill="#9C003E"
                p-id="23271"
              />
              <path d="M936.3 448.1m-9.3 0a9.3 9.3 0 1 0 18.6 0 9.3 9.3 0 1 0-18.6 0Z" fill="#9C003E" p-id="23272" />
              <path
                d="M986.3 364.2h-4c-5.2 0-9.4 4.2-9.4 9.4s4.2 9.4 9.4 9.4h4c5.2 0 9.4-4.2 9.4-9.4 0.1-5.2-4.2-9.4-9.4-9.4zM1014.6 402h-12c-5.2 0-9.4 4.2-9.4 9.4s4.2 9.4 9.4 9.4h12c5.2 0 9.4-4.2 9.4-9.4s-4.2-9.4-9.4-9.4z"
                fill="#9C003E"
                p-id="23273"
              />
              <path
                d="M868.4 255.6h-21.8 0.1-3.9c-2 0-3.6-1.6-3.6-3.6s1.6-3.6 3.6-3.6h16.3c1.9-0.1 3.5-1.6 3.5-3.6s-1.6-3.6-3.6-3.6h-53.4c-2 0-3.6 1.6-3.6 3.6 0 1.9 1.5 3.5 3.5 3.6h14.3c2 0 3.6 1.6 3.6 3.6s-1.6 3.6-3.6 3.6h-26.7 0.1H780c-2 0-3.6 1.6-3.6 3.6 0 1.6 1.1 3 2.5 3.4h23.4c0.4 0 0.7 0.1 1.1 0.2H815h-11.6c1.5 0.5 2.5 1.8 2.5 3.4 0 1.6-1 2.9-2.4 3.4h-11.6c-2 0-3.6 1.6-3.6 3.6s1.6 3.6 3.6 3.6h51.2c2 0 3.6-1.6 3.6-3.6s-1.6-3.6-3.6-3.6h-27.9l10.1-0.2c-2 0-3.6-1.2-3.6-3.2s1.6-3.6 3.6-3.6h44.1c1.5-0.5 2.5-1.8 2.5-3.4 0.1-2-1.5-3.6-3.5-3.6z"
                fill="#E8E8E8"
                p-id="23274"
              />
              <path d="M854.6 273.1m-3.5 0a3.5 3.5 0 1 0 7 0 3.5 3.5 0 1 0-7 0Z" fill="#E8E8E8" p-id="23275" />
              <path
                d="M873.6 241.2h-1.5c-2 0-3.6 1.6-3.6 3.6s1.6 3.6 3.6 3.6h1.5c2 0 3.6-1.6 3.6-3.6s-1.6-3.6-3.6-3.6zM884.4 255.6h-4.6c-2 0-3.6 1.6-3.6 3.6s1.6 3.6 3.6 3.6h4.6c2 0 3.6-1.6 3.6-3.6-0.1-2-1.7-3.6-3.6-3.6z"
                fill="#E8E8E8"
                p-id="23276"
              />
              <path
                d="M126.6 566.7c3.8 1.2 6.6 4.8 6.6 9 0 4.1-2.6 7.6-6.3 8.9H86.5c-5.2 0-9.4 4.2-9.4 9.4s4.2 9.4 9.4 9.4H191.3c5.2 0 9.4-4.2 9.4-9.4s-4.2-9.4-9.4-9.4H118h66.4c-5.2 0-9.3-3.7-9.3-8.9s4.2-9.4 9.4-9.4h56c3.8-1.2 6.6-4.8 6.6-9 0-5.2-4.2-9.4-9.4-9.4h-37.2-40c-5.2 0-9.4-4.2-9.4-9.4s4.2-9.4 9.4-9.4h52.8c5.1-0.2 9.1-4.3 9.1-9.4 0-5.2-4.2-9.4-9.4-9.4H92.5c-5.2 0-9.4 4.2-9.4 9.4 0 5.1 4 9.2 9.1 9.4h7.6c5.2 0 9.4 4.2 9.4 9.4s-4.2 9.4-9.4 9.4H59.6h0.3H55c-5.2 0-9.4 4.2-9.4 9.4 0 4.2 2.8 7.8 6.6 9h71.5"
                fill="#9C003E"
                p-id="23277"
              />
              <path d="M59.3 594.1m-9.3 0a9.3 9.3 0 1 0 18.6 0 9.3 9.3 0 1 0-18.6 0Z" fill="#9C003E" p-id="23278" />
              <path
                d="M63.3 510.1h-4c-5.2 0-9.4 4.2-9.4 9.4s4.2 9.4 9.4 9.4h4c5.2 0 9.4-4.2 9.4-9.4s-4.2-9.4-9.4-9.4zM24.5 547.9h-12c-5.2 0-9.4 4.2-9.4 9.4s4.2 9.4 9.4 9.4h12c5.2 0 9.4-4.2 9.4-9.4 0.1-5.2-4.2-9.4-9.4-9.4z"
                fill="#9C003E"
                p-id="23279"
              />
              <path
                d="M579.3 267.3h-0.3c-2.2-0.2-3.9-2.1-3.7-4.3 2.5-35.4 23.3-57.7 41.5-63.4 2.1-0.7 4.4 0.5 5 2.6s-0.5 4.4-2.6 5c-15.8 4.9-33.7 24.6-35.9 56.3-0.1 2.2-1.9 3.8-4 3.8z"
                fill="#FFFFFF"
                p-id="23280"
              />
              <path
                d="M633.1 202.9c-1.6 0-3.1-1-3.7-2.5-0.8-2.1 0.2-4.4 2.3-5.2 1.6-0.6 2.5-0.9 2.5-0.9 2.1-0.7 4.4 0.5 5 2.6 0.7 2.1-0.5 4.4-2.5 5 0 0-0.8 0.3-2.1 0.8-0.5 0.1-1 0.2-1.5 0.2z"
                fill="#FFFFFF"
                p-id="23281"
              />
              <path
                d="M163.4 233.2v0.3c12.4 6.1 21.5 17.9 23.7 32 2.3-14.1 11.4-26 23.9-32v-0.2c-12.5-6-21.6-17.9-23.9-32-2.3 14.1-11.3 25.9-23.7 31.9zM761.1 205.7v0.3c12.4 6.1 21.5 17.9 23.7 32 2.3-14.1 11.4-26 23.9-32v-0.2c-12.5-6-21.6-17.9-23.9-32-2.2 14-11.3 25.8-23.7 31.9zM530.3 193.9v0.2c6.2 3 10.7 8.9 11.9 16 1.1-7.1 5.7-13 12-16v-0.1c-6.2-3-10.8-8.9-12-16-1.2 7-5.7 12.9-11.9 15.9zM107.2 288v0.1c5.2 2.5 9 7.5 9.9 13.3 1-5.9 4.8-10.9 10-13.4-5.2-2.5-9-7.5-10-13.4-0.9 5.9-4.7 10.9-9.9 13.4zM177.2 670.6v0.1c5.2 2.5 9 7.5 9.9 13.3 1-5.9 4.8-10.9 10-13.4v-0.1c-5.2-2.5-9-7.5-10-13.4-0.9 6-4.7 11-9.9 13.5zM860.2 299.4c3.5 1.8 6.1 5.1 6.7 9.1 0.6-4 3.2-7.3 6.7-9v-0.1c-3.5-1.7-6.1-5-6.7-9-0.6 4-3.2 7.3-6.7 9zM487.8 237.9c3.5 1.8 6.1 5.1 6.7 9.1 0.6-4 3.2-7.3 6.7-9v-0.1c-3.5-1.7-6.1-5-6.7-9-0.6 4-3.2 7.3-6.7 9z"
                fill="#FFD103"
                p-id="23282"
              />
              <path d="M230.2 696.8a294.6 12.7 0 1 0 589.2 0 294.6 12.7 0 1 0-589.2 0Z" fill="#FFC5D9" p-id="23283" />
            </svg>
            <p>专属背景</p>
          </div>
          <div @click="showPopup">
            <svg t="1641365458668" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="23418">
              <path
                d="M634.5984 487.1936a220.01664 220.01664 0 1 0-240.06656 0A434.26816 434.26816 0 0 0 81.92 903.81824a26.4192 26.4192 0 1 0 52.8384 0 379.81696 379.81696 0 1 1 759.63904 0 26.4192 26.4192 0 1 0 52.8384 0 434.26816 434.26816 0 0 0-312.63744-416.62464z m-287.232-184.71424A167.17824 167.17824 0 1 1 514.56 470.07744a167.5776 167.5776 0 0 1-167.17312-167.59808z"
                fill="#2966C1"
                p-id="23419"
              />
              <path
                d="M541.96736 670.44864H486.99904a39.80288 39.80288 0 0 1-39.46496-38.21056l-4.75648-44.83584a39.8336 39.8336 0 0 1 39.5264-40.07424h64.39424a39.8336 39.8336 0 0 1 39.51104 40.05376l-0.15872 2.92864-4.608 41.9072a39.80288 39.80288 0 0 1-39.4752 38.23104zM498.5344 617.4208h31.8976l1.8688-17.04448h-35.6352z m13.312 324.6592h-0.73728a28.62592 28.62592 0 0 1-22.21056-11.46368L441.23648 867.328a29.184 29.184 0 0 1-5.79584-19.5584l9.216-131.74272a28.98432 28.98432 0 0 1 28.75392-26.99776h82.18112a29.01504 29.01504 0 0 1 28.75392 26.9824l9.216 131.65568a29.04576 29.04576 0 0 1-6.69696 20.73088l-52.92032 63.33952a28.60032 28.60032 0 0 1-22.07232 10.3424z m-23.61344-99.69152l24.54528 32.57856 27.86816-33.3568-6.95296-99.54304h-38.4512z m58.65984-8.24832z m-50.08896-114.40128v0.0768l0.02048-0.0768z"
                fill="#FD9A16"
                p-id="23420"
              />
            </svg>
            <p>身份铭牌</p>
          </div>
        </div>
      </div>
      <!-- 开通会员说明 -->
      <div class="explain">
        <div class="title">开通会员说明</div>
        <p>1.赠礼说明:开通V会员后，可在会员专区手动领取专享礼包，礼包中阅点为186天有效期，月票碎片为93天有效期，阅读券为3天有效期(注:除每日赠礼外,其他赠礼请在31日内领取);</p>
        <p>2.如何取消连续包月服务:打开腾讯动漫手机客户端→点击“我的”→进入“V会员”专区→点击“管理自动续费”选择"关闭自动续费”;</p>
        <p>3.每一个微信和QQ账号只能与一个登录账户(QQ/微信)建立自动续费绑定关系</p>
      </div>
    </div>
  </div>
</template>

<script>
import headerNav from "../components/public/headerNav.vue";
import Swiper from "swiper";
import { Toast } from 'vant';
export default {
  components: { headerNav },
  data() {
    return {
      ins: 0,
      lists: [
        {
          time: "超值",
          name: "连续包月",
          newMoney: 9,
          oldMoney: 18,
        },
        {
          time: "首季特惠",
          name: "连续包季",
          newMoney: 40,
          oldMoney: 54,
        },
        {
          time: "7折",
          name: "12个月",
          newMoney: 168,
          oldMoney: 216,
        },
        {
          time: "9折",
          name: "三个月",
          newMoney: 50,
          oldMoney: 54,
        },
      ],
      //弹出层
      show: false,
      vip:null
    };
  },

  mounted() {
    new Swiper(".swiper-container-01", {
      slidesPerView: 3,
      spaceBetween: 15,
    });
    new Swiper(".mySwiper", {
      slidesPerView: "1.5",
      spaceBetween: 10,
      observer: true,
      observeParents: true,
      pagination: ".swiper-pagination",
      paginationClickable: true,
      centeredSlides: true,
      //     paginationBulletRender: function (swiper, index, className) {
      //     return '<span class="' + className + '">' + (index + 1) + '</span>';
      // }
    });
  },
  created() {
    this.$emit("hidenavson");
    this.vip = this.$store.state.vip
  },
  // beforeDestroy() {
  //   this.$emit("shownavson");
  // },
  methods: {
    active(num) {
      this.ins = num;
    },
    showPopup() {
      this.show = true;
    },
    hidden() {
      this.show = false;
    },
    //开通vip
    buyVip(){
      if(this.vip == true){
        Toast("续费成功")
        }else{
          Toast("开通成功")
        }
      this.vip = true
      this.$store.commit("vipFun",this.vip);
      this.$router.push("/vip")
    }
  },
};
</script>

<style lang="less">
//头部
#header {
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  min-width: 320px;
  max-width: 750px;
  margin: 0 auto;
  z-index: 10;
  background-color: transparent;
  .back {
    i {
      font-size: 30px;
    }
  }
  .name {
    margin-left: 50px;
  }
  .give {
    i {
      margin-right: 15px;
      font-size: 25px;
    }
  }
}
//隐藏显示
.hid {
  width: 100%;
  height: 100vh;
  background-color: rgba(95, 95, 95, 0.562);
  position: absolute;
  top: 0;
  z-index: 50;
  display: flex;
  align-items: center;
  .box1 {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
  }
  .box {
    width: 80%;
    height: 50%;
    background-color: #fff;
    margin: auto;
    position: relative;
    z-index: 99;
    border-radius: 20px;
    overflow: hidden;
    .swiper-slide {
      margin-top: 25px;
      display: flex;
      flex-direction: column;
      height: 215px;
      justify-content: space-between;
      .imgbox {
        img {
          width: 100%;
          border-radius: 10px;
          margin-top: 20px;
        }
      }
      p {
        font-weight: bold;
        margin-bottom: 10px;
      }
      span {
        font-size: 12px;
        color: #666;
        height: 50.4px;
      }
    }
  }
}
#recharge {
  background-color: rgba(255, 208, 0, 0.822);
  padding-bottom: 50px;
  //背景图片
  .img {
    height: 230px;
    overflow: hidden;
    position: relative;
    img {
      width: 100%;
      position: absolute;
      margin: auto;
      left: 0;
      bottom: 0;
      right: 0;
      top: 0;
    }
  }
  //头像
  .user {
    max-width: 750px;
    margin: 0 10px;
    border-radius: 10px;
    background-color: #fff;
    padding-top: 20px;
    margin-top: -50px;
    position: relative;
    z-index: 2;
    //头像
    .Myname {
      display: flex;
      position: relative;
      height: 35%;
      align-items: center;
      margin: 0 20px;
      padding-bottom: 20px;
      justify-content: flex-start;
      .name {
        .Vi {
          font-size: 12px;
        }
      }
      img {
        width: 3.6em;
        border-radius: 50%;
        margin-right: 20px;
      }
    }
  }
  //外边距盒子
  .marginBox {
    padding: 0 10px;
    .list {
      padding: 10px 0px 2px 2px;
      margin-top: 20px;
      margin-right: -5px;
      overflow: hidden;
      .swiper-slide {
        background-color: #fff;
        border-radius: 10px;
        letter-spacing: 1px;
        // margin-right: 10px;
        .next {
          font-size: 10px;
          padding: 20px 10px;
        }
        .money {
          text-align: center;
          padding-bottom: 20px;
          span:nth-child(1) {
            font-size: 16px;
          }
          span:nth-child(2) {
            font-size: 30px;
            font-weight: bold;
          }
          span:nth-child(3) {
            font-size: 10px;
            margin-left: 5px;
            color: #999;
            text-decoration: line-through;
          }
        }

        .time {
          position: absolute;
          background-color: black;
          font-size: 12px;
          border-top-left-radius: 10px;
          border-bottom-right-radius: 10px;
          top: -8px;
          right: 0;
          color: rgb(253, 209, 65);
          span {
            padding: 8px;
          }
        }
      }
      .active {
        outline: 2px solid black;
      }
    }
    //立即开通
    .now {
      width: 95%;
      color: rgb(253, 209, 65);
      background-color: black;
      padding: 10px 0;
      text-align: center;
      margin: 20px auto;
      border-radius: 20px;
      font-size: 14px;
    }
    //会员特权
    .privilege {
      background-color: #fff;
      border-radius: 10px;
      .title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px 10px;
        span:nth-child(1) {
          font-weight: bold;
        }
        span:nth-child(2) {
          font-size: 12px;
          color: #999;
        }
      }
      //图标
      .Icon {
        flex-wrap: wrap;
        display: flex;
        width: 100%;
        text-align: center;
        align-items: center;
        margin-bottom: 10px;
        padding-bottom: 20px;
        div {
          width: 20%;
          padding-bottom: 10px;
          p {
            font-size: 12px;
          }
          svg {
            width: 40%;
          }
        }
      }
    }
    //开通会员说明
    .explain {
      background-color: #fff;
      padding: 20px 10px;
      border-radius: 10px;
      .title {
        font-weight: bold;
        margin-bottom: 10px;
      }
      p {
        font-size: 12px;
        color: #999;
        margin-bottom: 10px;
      }
    }
  }
}
</style>